
#module-modal .module-list{border: 1px solid #e7ecf1;margin-bottom: 26px;}
#module-modal .module:first-child .module-list .media{background: #5c9bd1;}
#module-modal .module:nth-child(2) .module-list .media{background: #4c87b9;}
#module-modal .module:nth-child(3) .module-list .media{background: #1bbc9b;}
#module-modal .module:nth-child(4) .module-list .media{background: #29b4b6;}
#module-modal .module:nth-child(5) .module-list .media{background: #8a98af;}
#module-modal .module:nth-child(6) .module-list .media{background: #32c5d2;}
#module-modal .module:nth-child(7) .module-list .media{background: #0099CC;}
#module-modal .module:nth-child(8) .module-list .media{background: #996699;}
#module-modal .module:nth-child(9) .module-list .media{background: #acb5c3;}
#module-modal .module-list .media{height: 100px;line-height: 100px;text-align: center;}
#module-modal .module-list .media span{font-size: 42px;line-height: inherit;color: #fff;}
#module-modal .module-list .btn{border-top: 1px solid #e7ecf1;width: 100%;background: none;color: #999;}
#module-modal .module-list p{margin: 0;color: #999;}
#module-modal .modal-footer{text-align: center;}
#module-modal .modal-footer .btn{width: 120px;}

.v {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.h {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}
.v_center {
    display: -webkit-flex;
    display: flex;
    align-items: center; /*垂直居中*/
}

.h_center {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.h_v_center {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.between {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.around {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
}
.flex_wrap {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

/**
 * 单行文本溢出显示省略号
 */
.text_1_ellipsis {
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

/**
 * 两行文本溢出显示省略号
 */
.text_2_ellipsis {
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.p_bottom{position: absolute;width: 100%;bottom: 0;}
.relative{position: relative;overflow: hidden;}
.upload_image, .upload_image .exist-img img{
    width: 100px;
    height: 100px;
}
.upload_image2 .uploader-div, .upload_image2 .exist-img img{
    width: 100px;
    height: 210px;
}
.groupType1{
    padding: 0;
    margin-left: 15px;
}
.groupType1 .type-div{
    width: 210px;
}
.groupType2{
    padding: 0;
    margin-left: 15px;
}
.groupType2 .type-div{
    width: 210px;
}
.groupType3{
    padding: 0;
    margin-left: 15px;
}
.groupType3 .type-div{
    width: 210px;
}
.groupType4{
    padding: 0;
    margin-left: 15px;
}
.groupType4 .type-div{
    width: 210px;
}
.groupType5{
    padding: 0;
    margin-left: 15px;
}
.groupType5 .type-div{
    width: 320px;
}
.groupType6{
    padding: 0;
    margin-left: 15px;
}
.groupType6 .type-div{
    width: 320px;
}


.preview .modal-dialog{
	width: 350px;
	height: 795px;
}
.preview .modal-body{
	padding: 0;
}
.preview .modal-content{
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
}
.preview .modal-footer{
	border: none;
}
.preview .viewCon{
	width: 325px;
	height: 530px;
	overflow-y: auto;
	position: absolute;
	top: 128px;
	left: 12.5px;
	z-index: 99;
	background: #fff;
}
.viewCon::-webkit-scrollbar-track-piece {background-color:#e4e4e4;border-left:1px solid rgba(0,0,0,0);}
.viewCon::-webkit-scrollbar {width:5px;height:13px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.viewCon::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.5);background-clip:padding-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;/*min-width:28px;*/}
.viewCon::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.margin_con{margin: 15px 7px;}

.iconArea{margin: 10px;}
.iconArea .grid_column_2{width: 50%;padding: 10px 0;}
.iconArea .grid_column_3{width: 33.3%;padding: 10px 0}
.iconArea .grid_column_4{width: 25%;padding: 10px 0}
.iconArea img{width: 40px;height: 40px;border-radius: 50% !important;margin-bottom: 5px;}

.bor{width: 100%;height: 5px;background: #f6f6f6;margin: 10px 0;}


.imgArray img{display: block;}
.imgArray .imga{width: 150px;height: 100px;}
.imgArray .imgb{width: 150px;height: 205px;}
.imgArray .imgc{width: 98px;height: 135px;}
.imgArray .imgd{width: 98px;height: 65px;}
.imgArray .con{width: 201.5px;}

.recommendCon{overflow: hidden;}
.recommendCon.type1 .list{margin-bottom: 10px;width: 100%;}
.recommendCon.type1 .list img{width: 100px;height: 66px;margin-right: 10px;}
.recommendCon.type1 .list .txt{width: calc(100% - 100px);height: 66px;}
.recommendCon.type1 .list .txt h4{margin: 0;font-size: 16px;}
.recommendCon.type1 .list .txt p{margin: 0;font-size: 13px;color: #999;}

.recommendCon.type2 .list2{margin-bottom: 20px;width: 49%;}
.recommendCon.type2 .list2 img{width: 100%;height: 100px;margin-bottom: 10px;}
.recommendCon.type2 .list2 h4{margin: 0;font-size: 16px;}

.recommendCon.type2 .list3{margin-bottom: 20px;width: 32%;margin-right: 2%;}
.recommendCon.type2 .list3:nth-child(3n){margin-right: 0;}
.recommendCon.type2 .list3 img{width: 100%;height: 65px;margin-bottom: 10px;}
.recommendCon.type2 .list3 h4{margin: 0;font-size: 16px;}

.recommendCon.type2 .list4{margin-bottom: 20px;width: 23%;margin-right: 2.5%;}
.recommendCon.type2 .list4:nth-child(4n){margin-right: 0;}
.recommendCon.type2 .list4 img{width: 100%;height: 70px;margin-bottom: 10px;}
.recommendCon.type2 .list4 h4{margin: 0;font-size: 16px;}

.recommendCon.type3{}
.recommendCon.type3::-webkit-scrollbar-track-piece {background-color:#e4e4e4;}
.recommendCon.type3::-webkit-scrollbar {width:13px;height:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.recommendCon.type3::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.5);background-clip:padding-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;/*min-width:28px;*/}
.recommendCon.type3::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.recommendCon.type3 ul{position: relative;padding: 0;overflow: hidden;}
.recommendCon.type3 ul li{margin-right: 10px;width: 114px;float: left;display: block;}
.recommendCon.type3 ul li img{width: 100%;height: 76px;margin-bottom: 10px;}
.recommendCon.type3 ul li h4{margin: 0;font-size: 16px;}
.recommendCon.type3 ul li p{margin: 5px 0 0 0;font-size: 13px;color: #999;}

.grid_list img{width: 72px;height: 72px;border-radius: 2px;}

.preview video{width: 100%;}

